/* HDSysCms */
/* www.wbox.top */
/* www.HDSysCms.Com */
/* 2021-10-09 */
:root{
	--color:#263238e3;
	--color-ov:#263238e3;
}




.cndns-right a,.cndns-right img{border:0;text-decoration:none;}

.cndns-right p{margin:0px;padding:0px;line-height:20px;}
.cndns-right i{margin:0px;padding:0px;font-style:normal;}
.cndns-right ul{margin:0px;padding:0px;list-style:none;}
.cndns-right ul li{margin:0px;padding:0px;list-style:none;}
.cndns-right a{color:#333333;text-decoration:none;}
.cndns-right a:hover{color:#ff5a00;text-decoration:none;}
.cndns-right .clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
  font-family: 'hdsysiconfont';  
  src: url('//at.alicdn.com/t/font_2853516_hhufp3otg1h.woff2?t=1633701258526') format('woff2'),
       url('//at.alicdn.com/t/font_2853516_hhufp3otg1h.woff?t=1633701258526') format('woff'),
       url('//at.alicdn.com/t/font_2853516_hhufp3otg1h.ttf?t=1633701258526') format('truetype');
}
.demo-icon{
  font-family:"hdsysiconfont";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:var(--color); 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:9999}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid var(--color-ov)!important;;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#ffffffc7}
.cndns-right-btn span{color:var(--color);font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#848484;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:var(--color);font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#60222212 !important;margin-bottom:10px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:var(--color-ov)}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:var(--color);}
/*.meau-sev .cndns-right-btn{border-color:#ff6600;background-color: var(--color);} 
 .meau-sev .cndns-right-btn p{color:#fff} 
.meau-sev .cndns-right-btn span{color:#fff;} */
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block} 
.meau-top .cndns-right-btn i{display:block;color:var(--color)}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:var(--color)}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid var(--color);border-top:4px solid var(--color);padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;position:absolute;right:-13px;top:26px;}

.cndns-right-box .box-border .sev-v{border-top: 1px solid #e4e4e4;padding-top: 15px;}

.cndns-right-box .box-border .sev-t span{font-size:32px;float:left;display:block;line-height:36px;margin-right:10px;color:var(--color)}
.cndns-right-box .box-border .sev-t p{float:left;color:var(--color);font-size:18px;line-height:20px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#848484}
.meau-sev .cndns-right-box .box-border{min-width:230px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:186px;text-align:center;border-top:1px solid var(--color);}
.meau-code .cndns-right-box .box-border i{display:block;color:var(--color);font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{
	-webkit-animation-name:hdsysscaleDraw;
	/*关键帧名称*/
	-webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
	-webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
	-webkit-animation-duration:5s;
	/*动画所花费的时间*/
}
/* .meau-sev:hover .cndns-right-btn{background-color:var(--color-ov);color: #fff;} */
.meau-zs .cndns-right-btn{background-color:#848484;color:#fff;margin-top:80px;border-color:#848484}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}


@keyframes hdsysscaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	transform:scale(1);
	/*开始为原始大小*/
}
25% {
	transform:scale(1.5);
	/*放大1.1倍*/
}
50% {
	transform:scale(1);
}
75% {
	transform:scale(1.1);
}
}